@charset "UTF-8";

#sidebar .menu ul,
#sidebar .menu li,
#sidebar .menu a {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    color: #16325C;
    cursor: pointer;
}

#sidebar .menu {
    width: 56px;
    padding: 0px;
}
#sidebar .menu.expand {
    width: 200px;
}


/* 一级菜单 */
#sidebar .menu .lv1 > li {
    position: relative;

    padding: 1px 8px;
}
#sidebar .menu .lv1 > li .arrow {
    position: absolute;
    border: 12px solid rgb(37,93,151);
    right: 0;
    top: 50%;
    border-top: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 12px solid transparent;
    margin-top: -12px;
    display: none;
}


#sidebar .menu .lv1 > li:hover .arrow {
    display: block;
}


#sidebar .menu .lv1 > li:first-child {
/*    height: 60px;
    line-height: 60px;*/
    display: block;
    font-size: 16px;
    color: #1A232D;
}
#sidebar .menu.expand .lv1 > li > a.expendul:hover {
    background: rgb(22, 50, 92);
}
#sidebar .menu.expand .lv1 > li > a.expendul:hover i {
    background: rgb(22, 50, 92);
}
#sidebar .menu .lv1 > li > a{
    height: 32px;
    line-height: 32px;
    display: block;
    font-size: 16px;
    padding: 4px;

}
#sidebar > .expendul {
    padding: 4px 4px 0 4px;
    display: inline-block;
    margin-left: 8px;
    margin-top: 4px;
}
#sidebar > .expendul:hover {
    background: rgb(6, 28, 63);
    border-radius: 4px;
    text-decoration: none;
}
#sidebar > .expendul:hover i{
    background-color: pink;
}
#sidebar > .scroll-btn {
     display: block;
     text-align: center;
     color: #fff;
     text-decoration: none;
     background: rgb(6, 28, 63);
     padding: 2px 10px;
     margin: 0 8px;
     border-radius: 4px;
     opacity: .4;
 }
#sidebar > .scroll-btn:hover {
    opacity: 1;
    transition: all .5s;
}

#sidebar .menu.expand .lv1 > li > a{
    color: #fff;
    padding: 4px;
    background: rgb(22, 50, 92);
    border-radius: 4px;
    display: flex;
}
#sidebar .menu .lv1 > li > a:hover {
    background: rgb(6, 28, 63);
    border-radius: 4px;
    text-decoration:none;
}

#sidebar .menu .lv1 > li > a:hover i {
    background-color: red;
}


#sidebar .menu .lv1 > li:nth-child(14n+1) > a:hover i {
    background-color: #ed80ad;
}
#sidebar .menu .lv1 > li:nth-child(14n+2) > a:hover i {
    background-color: #FCB95B;
}
#sidebar .menu .lv1 > li:nth-child(14n+3) > a:hover i {
    background-color: #f68967;
}
#sidebar .menu .lv1 > li:nth-child(14n+4) > a:hover i {
    background-color: #50bf79;
}
#sidebar .menu .lv1 > li:nth-child(14n+5) > a:hover i {
    background-color: #baac94;
}
#sidebar .menu .lv1 > li:nth-child(14n+6) > a:hover i {
    background-color: #e5d37e;
}
#sidebar .menu .lv1 > li:nth-child(14n+7) > a:hover i {
    background-color: #808fde;
}
#sidebar .menu .lv1 > li:nth-child(14n+8) > a:hover i {
    background-color: #ed6f67;
}
#sidebar .menu .lv1 > li:nth-child(14n+9) > a:hover i {
    background-color: #3acabe;
}
#sidebar .menu .lv1 > li:nth-child(14n+10) > a:hover i {
    background-color: #4c9ece;
}
#sidebar .menu .lv1 > li:nth-child(14n+11) > a:hover i {
    background-color: #85b7fc;
}
#sidebar .menu .lv1 > li:nth-child(14n+12) > a:hover i {
    background-color: #e97293;
}
#sidebar .menu .lv1 > li:nth-child(14n+13) > a:hover i {
    background-color: #3dbecc;
}
#sidebar .menu .lv1 > li:nth-child(14n+14) > a:hover i {
    background-color: #f1ce64;
}

#sidebar .menu .lv1 > li > a i {
    color: #FFF;
    margin: 0px 16px 0px 0px;
    opacity: 1;
    font-size: 22px;
    height: 32px;
    width: 32px;
    line-height: 32px;
    border-radius: 2px;
}

.expand .sub-menu {
    left: 210px;
}

.sub-menu {
    width: 160px;
    height: auto;
    padding: 16px;
    position: fixed;
    left: 72px;
    background: rgb(22, 50, 92);
    border-radius: 6px;
    box-shadow: 1px 1px 10px #666;
    z-index: 999;
}

.sub-menu li {
    line-height: 32px;
    height: 32px;
}

.sub-menu a,
.sub-menu a{
    color: #fff;
}

.sub-menu a:hover {
    color: rgb(0, 112, 210);
}

.sub-menu .arrow{
    position: absolute;
    left: -16px;
    top: 60px;
    border: 8px solid transparent;
    border-right: 8px solid #16325C;
}

/* 二级菜单 */
#sidebar .menu .lv2 {
    position: absolute;
    left: 100%;
    top: -50px;
    background: rgba(12,76,141,.8);
    display: none;
    z-index: 9999;
}

/*#sidebar .menu .lv1 > li:hover .lv2 {
    display: block;
    -webkit-animation: slideInLeft .2s;
    -moz-animation: slideInLeft .2s;
    -ms-animation: slideInLeft .2s;
    animation: slideInLeft .2s;
}

#sidebar .menu .lv2 > li {
    background: rgba(12,76,141,.4);
    display: block;
    padding: 0 0 0 30px;
    position: relative;
    width: 148px;
}
#sidebar .menu .lv2 > li:first-child {
    padding-top: 20px;
}
#sidebar .menu .lv2 > li:last-child {
    padding-bottom: 20px;
}
#sidebar .menu .lv2 > li > a {
    height: 36px;
    line-height: 36px;
    color: #fff;
    display: block;
    font-size: 14px;
}*/




/* 三级菜单 */
#sidebar .menu .lv3 {
    position: relative;
    left: 100%;
    overflow: hidden;
    width: 422px;
    margin-top: -36px;
}
#sidebar .menu .lv3 > li {
    float: left;
    padding-left: 10px;
}
#sidebar .menu .lv3 > li:after {
    content: "|";
    margin-left: 10px;
}
#sidebar .menu .lv3 > li:last-child:after {
    content: "";
    margin-left: 0;
}

#sidebar .menu .lv3 > li > a {
    height: 36px; line-height: 36px;
    font-size: 14px;
}

.my-icon {
    width: 32px;
    height: 32px;
    display: inline-block;

}
.my-icon-wo-de-xiang-mu {
    background: url(img/myProjects.png) no-repeat center center;
    background-size: cover;
}

.my-icon-wo-de-biao-di {
    background: url(img/biaodi.png) no-repeat center center;
    background-size: cover;
}


.my-icon-zhuan-jia-ku {
    background: url(img/expert_database.png) no-repeat center center;
    background-size: cover;
}
.my-icon-zhu-ye {
    background: url(img/mainPages.png) no-repeat center center;
    background-size: cover;
}
.my-icon-yi-biao-pan {
    background: url(img/instrumentPanel.png) no-repeat center center;
    background-size: cover;
}
.my-icon-zhan-kai {
    background: url(img/deployPic.png) no-repeat center center;
    background-size: cover;
}
.my-icon-ren-wu-guan-li {
    background: url(img/taskManagement.png) no-repeat center center;
    background-size: cover;
}
.my-icon-qi-ye-tu-pu {
    background: url(img/businessMap.png) no-repeat center center;
    background-size: cover;
}
.my-icon-hui-yi-guan-li {
    background: url(img/meetingManagement.png) no-repeat center center;
    background-size: cover;
}
.my-icon-gong-shi-xiang-mu {
    background: url(img/publicityProject.png) no-repeat center center;
    background-size: cover;
}
.my-icon-tou-piao-guan-li {
    background: url(img/voteManagement.png) no-repeat center center;
    background-size: cover;
}
.my-icon-bao-biao {
    background: url(img/journalSheet.png) no-repeat center center;
    background-size: cover;
}
.my-icon-ri-li {
    background: url(img/calendar.png) no-repeat center center;
    background-size: cover;
}
.my-icon-hong-huang-deng {
    background: url(img/redYellowLight.png) no-repeat center center;
    background-size: cover;
}
.my-icon-dong-shi-yue-jian {
    background: url(img/boardMeeting.png) no-repeat center center;
    background-size: cover;
}
.my-icon-cai-bao-dao-ru {
    background: url(img/earningsIntroduction.png) no-repeat center center;
    background-size: cover;
}
.my-icon-gt{
	background: url(img/gt.png) no-repeat center center;
    background-size: cover;
}
.my-icon-xiang-mu-gu-zhi {
    background: url(img/projectValuation.png) no-repeat center center;
    background-size: cover;
}

.my-icon-tuan-dui-ren-yuan {
    background: url(img/teamMember.png) no-repeat center center;
    background-size: cover;
}
.my-icon-xian-jin-liu {
    background: url(img/cashFlowChanges.png) no-repeat center center;
    background-size: cover;
}
.my-icon-xiang-mu-wen-jian {
    background: url(img/projectFile.png) no-repeat center center;
    background-size: cover;
}

.my-icon-agency {
    background: url(img/intermediary.png) no-repeat center center;
    background-size: cover;
}